<% include("/common/_container.html"){} %>
<div class="clearfix"></div>
<section id="main" class="p-relative" role="main">
    <!-- 菜单 -->
    <% include("/common/menu.html"){} %>
    <section id="content" class="container">
        <div class="block-area" id="text" >
            <h3 class="block-title">视频</h3>
            <button id="is" name="测试" onclick="windowdata()">123</button>
            <!--<p class="m-t-20">Youtube and Vimeo Videos</p>-->
            <!--<a href="${ctxPath}/static/media/x1.mp4" data-rel="iframe-300-300" class="pirobox_gall img-popup" rev="2">-->
            <!--<img src="${ctxPath}/static/img/blog/gallery/thumbs/2.jpg" alt="">-->
            <!--</a>-->
            <!-- Media Player -->

                <!-- Video -->
                <div class="row">
                    <div class="col-md-6 m-b-20">
                        <p>Multi-Codec with no JavaScript fallback player - Cross Browser</p>
                        <!--<video width="100%" height="100%" id="multiCodec" poster="H:\xx\x2\x1.jpg" controls="controls" preload="none"> &lt;!&ndash; id could be any according to you &ndash;&gt;-->
                            <!--&lt;!&ndash; MP4 source must come first for iOS &ndash;&gt;-->
                            <!--<source type="video/mp4" src="${ctxPath}/static/media/x1.mp4" />-->
                            <!--&lt;!&ndash; WebM for Firefox 4 and Opera &ndash;&gt;-->
                            <!--&lt;!&ndash;<source type="video/webm" src="${ctxPath}/static/media/x1.mp4" />&ndash;&gt;-->
                            <!--&lt;!&ndash; OGG for Firefox 3 &ndash;&gt;-->
                            <!--&lt;!&ndash;<source type="video/ogg" src="${ctxPath}/static/media/x1.mp4" />&ndash;&gt;-->
                            <!--&lt;!&ndash; Fallback flash player for no-HTML5 browsers with JavaScript turned off &ndash;&gt;-->
                            <!--&lt;!&ndash;<object width="100%" height="100%" type="application/x-shockwave-flash" data="${ctxPath}/static/media/x1.mp4">&ndash;&gt;-->
                                <!--&lt;!&ndash;<param name="movie" value="media/flashmediaelement.swf" />&ndash;&gt;-->
                                <!--&lt;!&ndash;<param name="flashvars" value="controls=true&amp;poster=img/media-player/media-player-poster.jpg&amp;file=${ctxPath}/static/media/x1.mp4.mp4" />&ndash;&gt;-->
                                <!--&lt;!&ndash;&lt;!&ndash; Image fall back for non-HTML5 browser with JavaScript turned off and no Flash player installed &ndash;&gt;&ndash;&gt;-->
                                <!--&lt;!&ndash;<img src="${ctxPath}/static/img/blog/media-player/media-player-poster.jpg" width="100%" height="100%" alt="Media" title="No video playback capabilities" />&ndash;&gt;-->
                            <!--&lt;!&ndash;</object>&ndash;&gt;-->
                        <!--</video>-->
                        <iframe width="640" height="360" window.location.href="H:\xx\x1\SSNI329.mp4" frameborder="0" allowfullscreen></iframe>

                    </div>
                </div>
            <hr class="whiter" />

        </div>

    </section>
</section>
<script language="JavaScript" type="text/javascript">

    function windowdata(){
        window.location.href="x1/SSNI329.mp4";
    }

    function window_onload() {
        $.ajax({
            type:"get",
            url:"${ctxPath}/blog/findVi",
            cache:true,
            contentType: "application/json",
            success: function(data){
                console.log(data)
                for(var i = 0;i<data.length;i++){
//                    alert(${ctxPath}+data[i].url);
                    $("#text").append("<a href=\""+data[i].url+"\" data-rel=\"iframe-300-300\" class=\"pirobox_gall img-popup first last\" rev=\"1\">" +
                        " <img src=\"${ctxPath}/static/img/blog/gallery/thumbs/1.jpg\" alt=\"\">" +
                        " </a>  ");
                }
            }
        });
    }
</script>